/* components/WeatherNav/WeatherNav.wxss */
@import "../../assets/css/stylesheet.wxss";
.container{
    margin: 0 auto;
    text-align: center;
    color: white;
    .weathercity{
        padding: 30rpx 0;
        image{
            width: 30rpx;
            height: 30rpx;
        }
    }
    .heightorlow{
        padding: 20rpx 0;
    }
    .weatherspend{
        font-size: 80rpx;
        padding: 20rpx 0;
    }
    .weather{
        padding: 20rpx 0;
        .weather-ul{
            width: 45vw;
            margin: 0 auto;
            .weather-li{
                text-align: center;
                display:inline-block;
                width: 15vw;
            }
        }
    }
    .weatherstate{
        padding: 20rpx 0;
       .state {
           margin: 0 auto;
            width: 51vw;
            background-color: #588eb8f2;
            border-radius: 5px;
            line-height: 50rpx;
            color: white;
            font-size: 25rpx;
            .statelist{
                width: 17vw;
                text-align: center;
                display: inline-block;
                image{
                    width: 30rpx;
                    height: 30rpx;
                }
            }
        }
    }
    .weathertitle{
        padding: 10rpx 0;
    }
    .weatherindices{
        margin: 0 auto;
        width: 85vw;
        padding: 10px 0;
        font-size: 25rpx;
    }
}